/*index.css*/
@charset "utf-8";
/*
* reset 清除默认属性
*/

/* *{font-family:calibri,"微软雅黑", Tahoma,calibri;} */
*{font-size:16px;font-family:"微软雅黑"; }
body,html,h1,h2,h3,h4,h5,h6,p,em,i,form,ul,li,dl,dt,dd{padding:0;margin:0;
    -webkit-text-size-adjust:none;
    -moz-text-size-adjust:none;
    -ms-text-size-adjust:none;
    text-size-adjust:none;
}
body{font-size:12px;width:100%;}
em,i,b{font-style:normal;font-weight:normal;text-decoration:none;}
ul,li{list-style:none;}
h3{font-size:13px;}
a{text-decoration:none;outline:none;cursor:pointer;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s;}
a:hover{text-decoration:underline;color:#00acfb}
a img{border:none;display:block;}
input[type="submit"],input[type="button"],button{cursor:pointer;padding:0;}
input[type="text"],input[type="email"],input[type="number"],input[type="password"]{padding:0 0 0 3px;}
:focus,input,select,textarea,button{outline:none;}
textarea{resize:none;}
/*
a:link{
text-decoration:none;
}
a:visited{
text-decoration:none;
}
*/
/*
a:hover{
text-decoration:none;
}
*/
/*
a:active{
text-decoration:none;
}
*/
/*
 * html5元素
 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0;}
select,input,textarea{outline:none;resize:none;-webkit-appearance:none;}

button.navbar-toggle {
    background: #12d07c;
    margin-top: 30px;
    margin-right: 10px;
    overflow: hidden;
}
button.navbar-toggle .icon-bar {
    background: #fff;
}

.t_warp{  width: 100%; position: relative; margin: 0 auto; height: 100%;}
#header{ 
 		 border-bottom: 2px solid #00acfb;
		width: 100%;
 		 height: 60px;
 		 background: #535353;
 		 margin: 0 auto; 
 		 position: fixed;
 		 top: 0; left: 0;
 		 z-index: 2;
}
.logo{ display: inline-block; float: left; line-height: 60px;}
.logo a{ display: inline-block; padding-top: 5px;/*width:130px;*/}
.logo img{/*width:100%;*/}
.nav{ display: inline-block;float: left; margin-left: 16%; height: 60px; position: relative;}
.nav>.nav_li{ float: left;}
.nav>.nav_li>a{ display: inline-block; line-height: 60px; padding: 0 40px; color: #fff; font-size: 14px;}
.nav>.nav_li>a:hover{color:#00acfb}
.head_right{ float: right;}
.xtu{ height: 60px;color:#fff;}
.xtu a{ 
	display: inline-block; 
	line-height: 60px;
	float: left; 
	font-size: 16px;
	margin-right: 25px;
	color: #fff;
}
.xtu a:nth-of-type(2) img{display:inline-block;}
/*.xtu a:nth-of-type(3){margin-right: 25px;}*/
.xtu a>img{ display: inline-block;}
.xtu a>.bg{    position: absolute;
	left:-50%;
	top: 60px;
	width: 204px;
	height: 44px;
	z-index: 11;
	display: none;
	background: #000;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
#searchfrm {
	position: absolute;
	left:-50%;
	top: 60px;
	width: 204px;
	height: 44px;
	line-height:44px;
	z-index: 12;
	display: none;
}
#SearchKey {
	position: absolute;
	left: 15px;
	top:10px;
	width: 120px;
	height: 24px;
	border: 1px solid #848582;
	padding: 4px 5px;
	background: #fff;
	color: #000;
	line-height:100%;
	z-index: 15;
	font-size:12px;
	font-weight: bold;
	display: none;
}
#btnSearch {
	position: absolute;
	right: 6px;
	top: 9px;
	width: 55px;
	height: 24px;
	border: 0 none;
	cursor: pointer;
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	background: none;
	z-index: 15;
	display: none;
}
/*.soso:hover #searchfrm{ display: block;}
.soso:hover #searchfrm #SearchKey{ display: block}
.soso:hover #searchfrm #btnSearch{ display: block}
.soso:hover .bg{ display: block}*/
.nav_two{    position: absolute;
    top:59px;
  	 filter: alpha(opacity=95);
    -moz-opacity: .95;
    opacity: .95;
    background: #000; 
    padding-bottom: 2%;
    display: none;
  }
 .nav_two_b{    float: left;
    height: 24px;
    line-height: 24px;
    margin: 10px 30px;
    color: #fff;
    position: relative;
    z-index: 12;
  	display: none;
}
.nav_two .nav_two_b{padding:0}
.nav_three a{ display:block; padding: 0 42px; color:#00acfb; line-height: 34px; font-size: 13px;}
.nav_three a:nth-child(4n){border:none;}
 .nav_two_b:hover{ color: #fff;}
.nav_two ul{ float: left; width: 236px; height: 54px; border-right: 1px solid #4e4e4e;}
.nav_two ul:last-child{border-right:0}
.nav_two ul li{ padding-left: 30px; }
.nav_two ul li a{ color:#fff;font-size: 12px; line-height: 18px; opacity: 0.6;}
.nav_li:hover .nav_two{ display: block;}
.nav_li>a,.soso{position:relative}
.nav_li>a span,.soso span{position:absolute;width:0;height:0;border-bottom:10px solid #00acfb;border-left:9px solid transparent;border-right:9px solid transparent;bottom:0;left:50%;margin-left:-9px;opacity:0;filter:alpha(opacity=0)}
.nav_li:hover>a span,.soso:hover span{opacity:1;filter:alpha(opacity=100)}
#tinybox{position:absolute; display:none; url("../img/preload.gif"/*tpa=http://www.hank-tech.com/img/preload.gif*/) no-repeat 50% 50%; z-index:2000;}
#tinymask{position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000000; z-index:1500;}
#tinycontent{ font-size:1.1em;}

.footer{ width: 100%; background: rgba(0,0,0,0.8); position: relative; bottom: 0;}
.foot_nav{ display: inline-block;}
.foot_nav a{ text-align: left; color: #fff; font-size: 13px; line-height: 80px;}
.foot_nav a:hover{color:#00acfb}
.foot_nav span{ color: #fff;}
.foot_p{ display: inline-block; float: right; line-height: 80px;}
.foot_p p{ color: #fff; font-size: 13px;}

@media (max-width:768px){
	.index-item01>.container{padding-right: 40px; padding-left: 40px;}
	#header{ height: 60px;}
	#header>.container{
		padding: 0;
	}
	button.navbar-toggle{ margin-top: 12px;}
	.logo{ padding-left: 15px; line-height: 0; height: 60px;}
	.logo a{ padding-top: 15px;}
	.logo img{ width: 80%;}
	.nav{ 
		width: 100%; 
		margin-left: 0px; 		
		background: rgba(0,0,0,0.8);
		padding:0 8%;
		box-shadow: 0 3px 5px rgba(0, 0, 0, .25);
		display: none;
		height: 100%;
	}
	.nav>.nav_li>a{ 
		padding: 0 15px;
		line-height: 60px;
		font-size: 13px; 
		height: 60px;
		width: 100%;
	}
	.swiper-pagination{ right: 1%;}
	.leftBox{ margin-left: 1%;}
	.head_right{ display: none;}
	.foot_nav{ margin: 0 auto; display: block; text-align: center;}
	.foot_nav a{ line-height: 30px; font-size: 12px;}
	.foot_p{ line-height: 30px; width: 100%; display: block; text-align: center; margin: 0 auto;}
	.foot_p p{ font-size: 12px;}
}
@media (max-width: 320px){
	.index-item01>.container{padding-right: 40px; padding-left: 40px;}
}
@media (min-width: 768px){
	#header>.container{
		padding: 0;
	}
	.nav{margin-left: 3%;}
	.nav>.nav_li>a{ padding: 0 3px; font-size: 13px;}
	.xtu a{ margin-right: 5px;}
	.xtu a:last-child{ margin-right: 0px;}
	.xtu a:last-child>img{ width: 120px;}
}
@media (min-width: 992px){
	.nav{ margin-left: 5%;}
	.nav>.nav_li>a{ padding: 0 8px; font-size: 14px;}
	.xtu a{ margin-right: 15px;}
	.xtu a:last-child{ margin-right: 0px;}
}
@media (min-width: 1200px){
	.nav{ margin-left: 10%;}
	.xtu a{ margin-right: 20px;}
	.nav>.nav_li>a{ padding: 0 15px; font-size: 14px;}
	.xtu a:last-child>img {
    width: 177px; z-index: 22;}
}
@media (min-width: 1300px){
	.nav{ margin-left: 5%;}
	.nav>.nav_li>a{ padding: 0 15px; font-size: 14px;}
	.xtu a:last-child>img {
		width: 177px; z-index: 22;}
		.xtu a{ margin-right: 20px;}
}
@media (min-width:1400px){
	.nav>.nav_li>a{ padding: 0 25px; font-size: 14px;}
	.xtu a{ margin-right: 15px;}
	#header>.container{width:1370px;}
	.footer>.container{width:1370px;}
}
@media (min-width:1600px){
	.nav>.nav_li>a{ padding: 0 40px; font-size: 14px;}
	#header>.container{width:1570px;}
	.footer>.container{width:1570px;}
}
@media (min-width:1800px){
	#header>.container{width:1770px;}
	.footer>.container{width:1770px;}
	.nav{ margin-left: 8%;}
}
body{
    line-height: 2;
    color: #444;
}